<template>
  <!--中间-->
    <main class="content_main">

      <!--主体区域-->
      <main class="article_list">
        <router-view></router-view>
      </main>
    </main>
</template>

<script>
import Aside from "@/components/Aside";

export default {
  name: "Content",
  components: {Aside}
}
</script>

<style lang="less" scoped>

  .card {
    background-color: #fff;
    padding: 20px;
  }

  main.content_main {
    display: flex;

    main.article_list {
      flex-grow: 1;
      margin-top: 10px;
      background-color: #fff;
      padding: 50px;
    }
  }
</style>